<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
	$(function(){
		$("input:eq(0)").click(function(){
		//	alert($("div:first").text());             //获取第一个div的文本并弹出
			$("div:first").text("这是个方法");     //获取第一个div的文本并将其替换为"这是个方法"
		});
		
	
		$("input:eq(1)").click(function(){            
			$("div:first").html("<h1>这是个方法</h1>");    
		});
		
		
		$("input:eq(2)").click(function(){            
//			$("div:first").css("color","red");  
							
//			$("div:first").css("color");  				//获取该样式的值
			$("div:first").css({"background-color":"yellow","width":"200px","height":"200px"});  
			
		});
		
		
		
		$("input:eq(3)").click(function(){            
			// alert($("div:last").attr("class"));   获取该div的属性值
			
			//更改class属性的值为blue
			$("div:last").attr("class","blue"); 
			
		});
	});
	
</script>
<style type="text/css">
	.red{
		color:red;
	}
	.blue{
		color:blue;
	}
</style>
</head>
<body>
<input type="button" value="文本按钮">
<input type="button" value="html按钮">
<input type="button" value="样式按钮">
<input type="button" value="属性按钮">
<div>div1</div>
<div>div2</div>
<div class="red">div3</div>
</body>
</html>